<template>
  <div class="user-view" >
    <NavBar />
    <RoomManagement />
  </div>
</template>

<script setup>
import NavBar from '../../components/NavBar_admin.vue';
import RoomManagement from './MeetingRoomManagement.vue';
import { ref, onMounted } from 'vue';

</script>

<style scoped>
.user-view {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: calc(100% - 200px);
  margin-left: 200px;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
  padding: 0 20px;
}

@media (max-width: 768px) {
  .user-view {
    width: 100%;
    margin-left: 0;
    padding: 0 10px;
  }
}
</style>